<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jstl/core_rt" prefix="c"%>
<%@ taglib uri="http://www.zkingsoft.com" prefix="matrix"%>
<c:set var="path" value="${pageContext.request.contextPath }" />
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<META HTTP-EQUIV="Pragma" CONTENT="no-cache">
<meta name="renderer" content="webkit|ie-comp|ie-stand">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport"
	content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
<meta http-equiv="Cache-Control" content="no-siteapp" />
<!-- 本框架基本脚本和样式 -->
<script type="text/javascript"
	src="${path }/resource/js/plugin/jquery-2.1.4.min.js"></script>
<script type="text/javascript"
	src="${path }/resource/js/systools/MBase.js"></script>
<title>家居分销平台作品管理</title>
<style type="text/css">
.huanhang {
	word-break: break-all;
	word-wrap: break-all;
}

#serchform .input-group {
	margin: 5px 0;
}

#serchform .select2, .select2-selection--single {
	height: 34px !important;
	width: 100% !important;
}

#serchform .input-group-addon {
	font-weight: 700;
	min-width: 100px;
	border-right: 0 !important;
	background: #fbfbfb;
	padding: 0 2%;
	width: 1% !important;
}

#serchform .m-r-10 {
	margin-right: 10px;
}
</style>
</head>
<body class="gray-bg">
	<div class="wrapper wrapper-content animated fadeInRight">
		<!-- 搜索框部分start -->
		<div class="row">
			<div class="col-sm-12">
				<form class="form-inline" id="serchform">
					<div class="row">
						<div class="col-sm-3">
							<div class="input-group">
								<span class="input-group-addon">标题</span> <input
									placeholder="请输入标题" name="workTitle" type="text" class="form-control">
							</div>
						</div>
						<div class="col-sm-3">
							<div class="input-group" style="top: 3px;">
								<button onclick="myGrid.serchData()" type="button"
									class="btn btn-info btn-sm m-r-10">
									<i class="fa fa-search "></i> 搜索
								</button>
								<button onclick="MForm.reset('#serchform');" type="button"
									class="btn btn-info btn-sm m-r-10">
									<i class="fa fa-refresh "></i> 重置
								</button>
							</div>
						</div>
					</div>
				</form>
			</div>
		</div>
		<!-- 搜索框部分en -->
		<div class="ibox-content radius-5 mt-5 mpanel">

			<div class="row">
				<div class="col-sm-12">
					<div class="option-bar">
						<button onclick="myGrid.delItems('workId')" type="button"
							class="btn btn-danger btn-sm">
							<i class="fa fa-trash"></i>批量删除
						</button>
						<button onclick="openAdd()" type="button"
							class="btn btn-success btn-sm">
							<i class="fa fa-plus"></i> 新增
						</button>
					</div>
					<table id="mgrid">
						<thead>
							<tr>
								<th data-checkbox="true"></th>
								<th data-formatter="MGrid.indexfn" data-align="center"
									data-width="30px">序号</th>
								<th data-field="workTitle">标题</th>
								<th data-field="workDescription" data-class="huanhang">简要描述</th>
								<th data-field="workCreateTime" data-formatter="MGrid.getTime" data-width="85px">上传时间</th>
								<th data-field="workViewTimes">浏览次数</th>
								<th data-align="center" data-width="120px" data-field="workId"
									data-formatter="buidOperate">操作</th>
							</tr>
						</thead>
					</table>
				</div>
			</div>
		</div>
	</div>
	<script type="text/javascript"
		src="${path }/resource/js/systools/MJsBase.js"></script>
	<script type="text/javascript">
		var myGrid;
		$(function() {
			var delUrl = "";
			delUrl = "${path}/common/delMyWorks";
			myGrid = MGrid.initGrid({
				url : "${path}/common/showMyWorks",
				delUrl : delUrl,
			});

		});

		function buidOperate(value, row, index) {
			var html = [];
			html[0] = '<a  onClick="openEdit(' + value
					+ ')"  title="编辑" class="fa fa-edit option"></a>'
			html[1] = '<a onClick="myGrid.delItem('
					+ value
					+ ')" title="删除" class="fa fa-close option text-danger"></a>';
			return html.join("");
		}
		//打开添加界面
		function openAdd() {
			layer.full(
			layer.open({
				type : 2,
				title : "添加作品",
				area : [ MUI.SIZE_L, '600px' ],
				maxmin : false,
				content : [ '${path}/common/editMyWork' ]
			}));
		}

		//打开编辑界面
		function openEdit(id) {
			layer.full(
			layer.open({
				type : 2,
				title : "编辑作品",
				area : [ MUI.SIZE_L, '600px' ],
				maxmin : false,
				content : [ '${path}/common/editMyWork?id=' + id ]
			}));
		}
	</script>
</body>
</html>
